<!--
 * @Description: 
 * @Version: 2.0
 * @Autor: chentingyu
 * @Date: 2022-03-01 16:48:20
 * @LastEditors: chentingyu
 * @LastEditTime: 2022-03-23 10:02:26
-->
<template>
  <div class="recommond" v-if="recommonds.length">
    <div v-for="(item, id) in recommonds" :key="id" class="recommond-item">
      <a :href="item.link">
        <img :src="item.image" alt="" :title="item.title" />
        <div>{{ item.title }}</div>
      </a>
    </div>
  </div>
</template>

<script>
export default {
  name: "HomeRecommond",
  data() {
    return {
      recommonds: [
        {
          link:
            "http://act.meilishuo.com/10dianlingquan?acm=3.mce.2_10_1dggc.13730.0.ccy5br4OlfK0U.pos_0-m_313898-sd_119",
          image:
            "https://s10.mogucdn.com/mlcdn/c45406/180913_036dli57aah85cb82l1jj722g887g_225x225.png",
          title: "十点抢券",
        },
        {
          link:
            "https://act.mogujie.com/tejiazhuanmai09?acm=3.mce.2_10_1dgge.13730.0.ccy5br4OlfK0V.pos_1-m_313899-sd_119",
          image:
            "https://s10.mogucdn.com/mlcdn/c45406/180913_25e804lk773hdk695c60cai492111_225x225.png",
          title: "好物特卖",
        },
        {
          link:
            "http://act.meilishuo.com/neigouful001?acm=3.mce.2_10_1b610.13730.0.ccy5br4OlfK0W.pos_2-m_260486-sd_119",
          image:
            "https://s10.mogucdn.com/mlcdn/c45406/180913_387kgl3j21ff29lh04181iek48a6h_225x225.png",
          title: "内购福利",
        },
        {
          link:
            "http://act.meilishuo.com/wap/yxzc1?acm=3.mce.2_10_1dggg.13730.0.ccy5br4OlfK0X.pos_3-m_313900-sd_119",
          image:
            "https://s10.mogucdn.com/mlcdn/c45406/180913_8d4e5adi8llg7c47lgh2291akiec7_225x225.png",
          title: "初秋上新",
        },
      ],
    };
  },
  
};
</script>
<style scoped>
.recommond {
  display: flex;
  width: 100%;
  text-align: center;
  font-size: 0.8rem;
}
.recommond-item {
  flex: 1;
}
.recommond-item img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}
.recommond a {
  color: rgb(6, 185, 126);
  text-decoration: none;
}
</style>
